{include file="common/head"/}
<style> 
  .biao{ 
    cellpadding:2px; 
    cellspacing:2px; 
    border-left: 1px solid blue;
    border-bottom: 1px solid blue;
    width: 300px;
  } 
  .biao p{ 
    padding:0px; 
    margin:0px; 
  } 
  .biao div{ 
    background-color:#669900; 
    width:50px; 
  } 
  .biao #div1{ 
    height:200px; 
  }
  .card{
    cellpadding:2px; 
    cellspacing:2px; 
    border-left: 1px solid blue;
    border-bottom: 1px solid blue;
    width: 1000px;  
  }
  .card p{ 
    padding:0px; 
    margin:0px; 
  } 
  .card div{ 
    background-color:#669900; 
    width:50px; 
  } 
  .card #div1{ 
    height:200px; 
  }  
</style> 
<div class="admin-main layui-anim layui-anim-upbit">
    <div class="table-responsive">
        <table class="layui-table" lay-even lay-skin="line">
            <colgroup>
                <col width="40%">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th class="text-center" colspan="2">{:lang('systemInfo')}</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>网站域名</td>
                <td>{$config.url}</td>
            </tr>
            <tr>
                <td>网站目录</td>
                <td>{$config.document_root}</td>
            </tr>
            <tr>
                <td>服务器端口</td>
                <td>{$config.server_port}</td>
            </tr>
            <tr>
                <td>服务器IP</td>
                <td>{$config.server_ip}</td>
            </tr>
            <tr>
                <td>WEB运行环境</td>
                <td>{$config.server_soft}</td>
            </tr>
            <tr>
                <td>MySQL数据库版本</td>
                <td>{$config.mysql_version}</td>
            </tr>
            <tr>
                <td>运行PHP版本</td>
                <td>{$config.php_version}</td>
            </tr>
            </tbody>
        </table>
        <div style="height: 20px;"></div>
        <div style="font-size: 18px;height: 40px;line-height: 40px;">系统内用户统计柱状图</div>
        <table border="0" class="biao">
          <tr align="center" valign="bottom"> 
            <td> 
              <p>{$total}</p> 
              <div id="div1"></div> 
            </td>
            <td > 
              <p>{$man}</p> 
              <div style="height:<?php $str=floor(($man/$total)*200); echo $str.'px'?>"></div> 
            </td> 
            <td > 
              <p>{$women}</p> 
              <div style="height:<?php $str=floor(($women/$total)*200); echo $str.'px'?>"></div> 
            </td>
            <td > 
              <p>{$no}</p> 
              <div style="height:<?php $str=floor(($no/$total)*200); echo $str.'px'?>"></div> 
            </td> 
          </tr> 
          <tr align="center" valign="top"> 
            <td><p>总计</p></td> 
            <td><p>男性人数</p></td> 
            <td><p>女性人数</p></td> 
            <td><p>性别未知</p></td> 
          </tr> 
        </table> 
        <div style="height: 20px;"></div>
        <div style="font-size: 18px;height: 40px;line-height: 40px;">星卡数量统计柱状图</div>
        <table border="0" class="card">
          <tr align="center" valign="bottom"> 
            <td> 
              <p>{$card.num}</p> 
              <div id="div1"></div> 
            </td>
            {volist name="total_card" id="vo"}
            <td > 
              <p>{$vo.num}</p> 
              <div style="height:<?php $str=floor(($vo['num']/$card['num'])*200); echo $str.'px'?>"></div> 
            </td> 
            {/volist}
          </tr> 
          <tr align="center" valign="top"> 
            <td><p>总计</p></td> 
            <td><p>梅西</p></td> 
            <td><p>C罗</p></td> 
            <td><p>苏亚雷斯</p></td> 
            <td><p>内马尔</p></td> 
            <td><p>伊涅斯塔</p></td> 
            <td><p>格列兹曼</p></td> 
            <td><p>莫德里奇</p></td> 
            <td><p>莱万多夫斯基</p></td> 
            <td><p>萨拉赫</p></td> 
            <td><p>哈梅斯·罗德里格斯</p></td> 
            <td><p>阿扎尔</p></td>
            <td><p>哈里凯恩</p></td>
            <td><p>诺伊尔</p></td>
            <td><p>马蒂奇</p></td>
            <td><p>孙兴民</p></td>
          </tr> 
        </table>
    </div>
</div>
{include file="common/foot"/}
<script>
    layui.use('table', function() {
        var table = layui.table;
    })
</script>
</body>
</html>